---
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Breadcrumb from '@components/breadcrumb.vue';
import ProductInformation from "components/productInformation.vue";

// Filter team entries with 'draft: false' & date before current date
const publishedTeamMembers = await getCollection("team", ({ data }) => {
  return !data.draft && data.publishDate < new Date();
});
---

<Layout title="About">
  <Container>
    <Breadcrumb client:only />
   <ProductInformation client:load />
  </Container>

</Layout>
<style>
  .title{
    font-size: 40px;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom:  34px;
    text-align: center;
    color: #3D3D3D;
  }
</style>
